{% extends "base.html" %}
{% block content %}
<main class="page blog-post-list">
  <section class="clean-block features">
    <nav class="container ">
      <ul class="nav nav-tabs mynav">
        <div class="block-heading">
          <h2 class="text-info"></h2>
        </div>
        <div class="login-clean">
          <form action="{{ url_for('login') }}" method="post">
            <h2 class="sr-only">Login Form</h2>
            <div class="illustration"><i class="icon ion-ios-locked-outline"></i></div>
            {% if form.errors %}
            <ul>
              {% for name, errors in form.errors.items() %}
              {% for error in errors %}
              <li>{{ error }}</li>
              {% endfor %}
              {% endfor %}
            </ul>
            {% endif %}
            <div class="form-group">
              <input class="form-control" style="width: 100%" type="text"
                     name="accountNumber" placeholder="username"/>
              {{ form.hidden_tag() }}
            </div>
            <div class="form-group">
              <input class="form-control" style="width: 100%" type="password"
                     name="password" placeholder="Password"/>
              {{ form.hidden_tag() }}
            </div>
            <div class="form-group">
              <button class="btn btn-primary btn-block" style="width: 100%" type="submit">登录
              </button>
            </div>
          </form>
        </div>
      </ul>
    </nav>
    </div>
  </section>
</main>
<style>
    .container {
        text-align: center;
        float: none;
    }

    .mynav {
        display: inline-block;
    }
</style>
{% endblock %}